<template>
	<view class="list-content">
		<!-- list -->
		<view class="list-wrap">
			<view v-for="item in list" :key="item.id"  class="list-item">
				<select name="" id=""></select>
				<ListItem :itemData="item" ></ListItem>
			</view>
		</view>
	</view>
</template>

<script>
	import SearchInput from "./components/searcb-input.vue"
	import Tab from "./components/tab.vue"
	import ListItem from "./components/list-item.vue"
	
	export default {
		data() {
			return {
				list:[
					{
						id:1112,
						image:"http://120.24.182.152:5555/s/static/s/image_files/users_image/wsc.png",
						name:"大大撒倒萨倒萨亲爱的十大大苏打倒萨的趋势十大大苏打撒大苏打撒大大",
						category:"毕业季",
						price:99,
						readNum:122,
						userImg:"http://coderxzq.top/img/logo-big.f22ef1fc.png",
						username:"的堵塞的"
					},
					{
						id:112,
						image:"http://120.24.182.152:5555/s/static/s/image_files/users_image/wsc.png",
						name:"大大撒倒萨倒萨亲爱的十大大苏打倒萨的趋势十大大苏打撒大苏打撒大大",
						category:"毕业季",
						price:99,
						readNum:122,
						userImg:"http://coderxzq.top/img/logo-big.f22ef1fc.png",
						username:"的堵塞的"
					}
				]
			}
		},
		components: {
			SearchInput,
			Tab,
			ListItem
		},
		onLoad(e) {
			console.log(e.id);
		},
		methods: {
			


		}
	}
</script>

<style lang="less" scoped>
	.list-content {
		background-color: #fbf9ec;
		height: 100vh;


		.list-wrap {
			padding: 10rpx 30rpx;

		
			.list-item{
				display: flex;
			}
			
		}
	}
</style>